<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <link rel="stylesheet" href="./css/swiperSlide.css"/>
</head>
<body >
<div class="warp" id="warp">
</div>
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/swiperSlide.js"></script>
<script type="text/javascript">
    $('#warp').swiperSlide(['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg','img/5.jpg'],true,3000)
</script>
</body>
</html>